<template>
  <div id="app">
<!--    <router-link to="/">正方形</router-link>-->
<!--    <router-link to="/s">三角形</router-link>-->
<!--    <input v-model="non" />-->
<!--    <child-cpm v-bind:childPa="pa" @sendinfo="updatenon"></child-cpm>-->
<!--    <axios-test></axios-test>-->
<!--    组件切换-->
<!--    <button @click="checkWeb('child-cpm')">测试1</button>-->
<!--    <button @click="checkWeb('axios-test')">测试2</button>-->
<!--    <div :is="currentView"></div>-->

<!--    <router-view/>-->

  </div>
</template>

<script>
export default {
  name: 'App',
  components:{
    'child-cpm':()=>import("@/components/childCpm"),
    'axios-test':()=>import("@/components/axiosTest")
  },
  data() {
    return {
      pa:10,
      non:200,
      currentView:'child-cpm',
    };
  },
  computed : {

  },
  methods : {
    updatenon(data) {
      this.non=data
    },
    checkWeb(path) {
      this.currentView = path
    }

  }
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*text-align: center;*/
  color: #2c3e50;
  margin-top: 60px;
}
</style>
